<!DOCTYPE html>
<html lang="en">

<head>
  <meta charset="UTF-8" />
  <meta http-equiv="X-UA-Compatible" content="IE=edge" />
  <meta name="viewport" content="width=device-width, initial-scale=1.0" />
  <title>Document</title>
  <link rel="icon" type="image/x-icon" href="picture/图标logo.ico">
  <link rel="stylesheet" href="css\player.css" />
  <link rel="stylesheet" href="css\comments.css" />
</head>
<script type="text/javascript" src="js\getUrlParam.js"></script>
<script type="text/javascript" src="js\getGraphParam.js"></script>
<script type="text/javascript" src="js\player.js"></script>
<!--使用url传参，传参的格式是：name=歌曲名字歌手名字等信息&photodata=图片路径-->
<script type="text/javascript">
  var name = UrlParm.parm("name");
  //alert(name);
  $("#songname").text("name");
</script>
<script type="text/javascript">
  var photodata = GraphParm.parm("photodata");
  //alert(name);测试语句
  $("#photos").text("photosrc");
</script>



<body>
  <audio src="" id="audio-source"></audio>
  <div class="message">
    <div class="photos">
      <img id="image" class="songimg" src="image\huaji.jpg">
      <!--传参进图片路径-->
      <script>
        document.getElementById("image").src = photodata;
      </script>
    </div>
    <div id="songerdiv">
      <h2 id="songer">
        <!--输出歌曲信息-->
        <script>
          document.write(name);
        </script>
      </h2>
    </div>
    <div class="video-box">
      <!-- 控制条 -->
      <div class="ctrl-box">
        <!-- 进度条 -->
        <div class="progress-box">
          <div class="progress"></div>
        </div>
        <div class="play-btn">Play/Stop</div>
        <div class="progress-time">00:00/00:00</div>
      </div>
    </div>
  </div>
  <div class="commentbody">
    <div>
      <h2 id="font">Selected Reviews</h2>
      <hr>
      <table cellpadding="4" cellspacing="0" width="100%" height="180" id="table_">
        <!-- <tr>
          <td height="50" text-align="center" style="font-size: 10px">
            湛蓝亦可_：Listen to all the World Cup songs: This one really sounds good!!
            <hr>
            <p>
              Thu, 08 Dec 2022
            </p>
          </td>r> -->
        </t>

        <tr>
          <td height="80" text-align="center" style="font-size: 10px">
            Helen9791：Really good to hear! People at home, the heart has been in the stadium carnival,
            this is a lot of veteran last World Cup, listening to a love to the dusk of the sincere
            and enthusiasm!
            <hr>
            <p>
              Fri, 18 Nov 2022
            </p>
          </td>
        </tr>

        <tr>
          <td height="80" text-align="center" style="font-size: 10px">
            甜kookies：JungKook, South Korea's third-generation ACE, has become the first Korean
            entertainer to perform at the opening ceremony of the FIFA World Cup in its 92-year
            history since 1930. When will this proud shoulder drop!
            <hr>
            <p>
              Fri, 25 Nov 2022
            </p>
          </td>
        </tr>

        <tr>
          <td height="80" text-align="center" style="font-size: 10px">
            Pi-O-Xha：While you are denigrating others, he is standing on top of the world,
            even across racial prejudice to speak up for Asian people.
            <hr>
            <p>
              Mon, 28 Nov 2022
            </p> 
          </td>
        </tr>

        <!-- <tr>
          <td height="50" text-align="center" style="font-size: 10px">
            白米范的玧智xi：Aside from the fan perspective, listen to the theme songs of past World Cups.
            This is the best theme song except for Wolf Sister's waka waka.
            <hr>
            <p>
              Tue, 29 Nov 2022
            </p>
          </td>
        </tr> -->
      </table>
    </div>
    <div id="main">
      <h1 id="font">Comment</h1>
      <hr>
      <textarea id="typing">Send your message...</textarea>
      <button id="btn">Enter</button>
      <div id="commend"></div>
    </div>
  </div>
  <!-- <div class="box">
    <h2>Comment</h2>
    <div class="input-box">
      <label>name</label>
      <input type="text" />
    </div>
    <div class="input-box">
      <label>comments</label>
      <input type="text" />
    </div>
    <div class="btn-box">
      <div>
          <button onclick="window.location.href='commentsuccessful.html'">comment</button>
      </div>
  </div> -->
  </div>
</body>
<!-- 评论 -->
<script>
  document.getElementById("btn").onclick = function () { send() };
  function send() {
    var g = new Date();
    var value = document.getElementById("typing").value;
    var p = document.createElement("p");
    p.innerHTML = "用户：" + value + '<hr>' + g.toUTCString();
    document.getElementById("commend").prepend(p);
  }
</script>
</html>